$(function() {
    // 切换登录和注册页面
    $('.go-reglink a').click(function() {
        $('.reglink').show().prev().hide();
    });
    $('.go-login a').click(function() {
        $('.reglink').hide().prev().show();
    });
    //注册功能
    // 事件监听表单提交
    $('.reglink .layui-form').on('submit', function(e) {
        // 阻止表单提交的默认行为
        e.preventDefault();
        // 获取输入框里的内容
        var data = $(this).serialize();
        // console.log(data);//username=123&password=123
        $.ajax({
            type: 'POST',
            url: 'http://www.liulongbin.top:3007/api/reguser',
            data: data,
            success: function(res) {
                console.log(res);
                layer.msg(res.message);
                // console.log(res.message);
                if (res.status === 0) {
                    // alert(res.message);
                    $('.reglink').hide().prev().show();
                    $('.layui-form-item input').val('');
                }
                if (res.status === 1) {
                    // alert(res.message);
                    $('.reglink').show().prev().hide();
                    $('.layui-form-item input').val('');
                }
            },
        });
    });
    // 表单验证
    var form = layui.form;
    form.verify({
        len: [/^\w{6,12}$/, '密码长度必须是6-12位'],
        same: function(value) {
            // 形参 value 表示使用验证规则的输入的值
            // return '错误提示';
            // 获取密码框的值
            var password = $('#reg-password').val();
            // 比较 password（密码）和value（确认密码）
            if (password !== value) {
                return '两次密码不一致';
            }
        },
    });
    //完成登录
    // 监听登录表单提交事件
    $('.login .layui-form').on('submit', function(e) {
        e.preventDefault();
        var data = $(this).serialize();
        $.ajax({
            type: 'POST',
            url: 'http://www.liulongbin.top:3007/api/login',
            data: data,
            success: function(res) {
                layer.msg(res.message);
                if (res.status === 0) {
                    // 本地存储的内容会永久保存
                    localStorage.setItem('token', res.token);
                    // 页面跳转
                    location.href = '/index.html';
                }
                if (res.status === 1) {
                    $('.layui-form-item input').val('');
                }
            },
        });
    });
});